﻿.section2-mobile {
  display: none;
}
.section2 .s2-left {
  float: left;
  /*width: unit(250/2/20,rem);*/
  width: 21%;
  margin-top: 2.275rem;
  padding-left: 0.5rem;
}
.section2 .s2-left h3 {
  font-size: 0.55rem;
  color: #fff;
  height: 1.55rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: -webkit-linear-gradient(left, #91cdff, #51b0ff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, #91cdff, #51b0ff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, #91cdff, #51b0ff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(left, #91cdff, #51b0ff);
  /* 标准的语法 */
}
.section2 .s2-left ul li {
  float: left;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #c3c3c3;
  height: 1.05rem;
  font-size: 0.4rem;
  color: #9b9b9b;
}
.section2 .s2-left li:nth-child(2n) {
  border-bottom: none;
  border-left: none;
}
.section2 .s2-left li:nth-child(2n+1) {
  border-bottom: none;
}
.section2 .s2-left li:last-child {
  border-bottom: 1px solid #c3c3c3;
}
.section2 .s2-left li:nth-last-child(2) {
  border-bottom: 1px solid #c3c3c3;
}
.section2 .s2-left li:hover {
  cursor: pointer;
}
.section2 .s2-left .selected,
.section2 .s2-left .click {
  background-color: #51b0ff;
  color: #fff;
  border: none;
}
.section2 .s2-right {
  float: left;
  margin-left: 1.475rem;
  margin-top: 3.8rem;
  /*width: unit(891/2/20,rem);*/
  width: 74%;
}
.choose-mobile {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .section2 .s2-left {
    width: 25%;
    padding-left: 0.5rem;
    box-sizing: border-box;
  }
  .section2 .s2-right {
    width: 66%;
  }
}
@media only screen and (max-width: 768px) {
  /*.choose-section1main {
        
    }*/
  .choose-section1main .choose-s-box {
    padding-top: 6rem;
  }
  .choose-mobile {
    display: block;
    background-image: url('../images/selectbanner.png');
    background-size: cover;
  }
  .section2-mobile {
    display: block;
    margin-bottom: 1.5rem;
    /*.s2-right {
            display: none;
        }*/
  }
  .section2-mobile .s2-top {
    text-align: center;
    width: 100%;
    margin: 2.275rem auto 0.5rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /*.address {
                float: left;
                display: inline-block;
                width: unit(300/2/20,rem);
                height: 1.55rem;
                background: #fff;
                font-size: unit(22/2/20,rem);
                color: #808080;
                border: 1px solid #c3c3c3;
                text-align: center;
                line-height: 1.55rem;*/
  }
  .section2-mobile .s2-top h4 {
    float: left;
    width: 7rem;
    font-size: 0.55rem;
    color: #fff;
    height: 1.55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: -webkit-linear-gradient(left, #91cdff, #51b0ff);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #91cdff, #51b0ff);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #91cdff, #51b0ff);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(left, #91cdff, #51b0ff);
    /* 标准的语法 */
  }
  .section2-mobile .s2-top ul li {
    width: 7.5rem;
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
    height: 1.05rem;
    font-size: 0.4rem;
    color: #9b9b9b;
  }
  .section2-mobile select {
    float: left;
    display: inline-block;
    width: 6.25rem;
    height: 1.55rem;
    background: #fff;
    font-size: 0.55rem;
    color: #808080;
    border: 1px solid #c3c3c3;
    padding-left: 2rem;
  }
  .section2-mobile select option {
    border: 1px solid #c3c3c3;
    background-color: #fff;
    color: #808080;
    /*width: unit(150/2/20,rem);*/
    /*padding-left: unit(40/2/20,rem);*/
  }
  .section2-mobile select option:hover {
    border: 1px solid #c3c3c3;
    color: #fff;
  }
  .section2 {
    display: none;
  }
  .section5 {
    margin-bottom: 2rem;
  }
  #imgBox {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
  }
}
@media only screen and (max-width: 375px) {
  .choose-section1main .choose-s-box .p-box .zhijiao1 {
    left: -1rem;
    top: -1rem;
  }
  .choose-section1main .choose-s-box .p-box .zhijiao2 {
    right: -0.85rem;
    bottom: -0.8rem;
  }
}
@media only screen and (max-width: 414px) {
  .choose-section1main .choose-s-box .p-box .zhijiao1 {
    left: -1rem;
    top: -1.25rem;
  }
}